
$purple: #AE7EDA;
$purple_01: #934DCA;
$purple_02: #7A40B8;

.nav.nav-tabs{
  &.nav-tabs-purple{
    background: $purple;
    border: none;

    > li{
      margin-bottom: 0px;
      > a{
        margin-right: 0px;
        color: #fff;
        height: 50px;
        border: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        &:hover, &:active, &:focus, &:visited{
        line-height: 30px;
          color: #fff;
          background: $purple_01;
        }
        transition: all 0.3s;
      }
      &.active{
        > a{
          color: #fff;
          border: none;
          border-radius: 0px;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          background: $purple_01;
          &:hover, &:active, &:focus{
            color: #fff;
            background: $purple_02;
          }
        }
      }
    }
  }
}